<template>
	<div class="yz">
		<header class="header">
			<h3>洋盘功能</h3>
			<!-- <label>更多</label> -->
		</header>
		<div style="width: 100% ;display: flex; justify-content: center;">
			<section class="list">
				<div class="list-item" v-for="(i, j) in list" :key="j" @click="onSel(i.type)">
					<div class="imgsbox"><img :src="i.icon" /></div>
					<label>{{ i.name }}</label>
				</div>
			</section>
		</div>
	</div>
</template>

<script>
export default {
	name: '',
	data() {
		return {
			list: [
				{ name: '我的发布', type: 'myPublish', icon: 'https://qdds666.oss-cn-hangzhou.aliyuncs.com/AYangPan/home/myPublish.png' },
				{ name: '我的收藏', type: 'myCollect', icon: 'https://qdds666.oss-cn-hangzhou.aliyuncs.com/AYangPan/home/myCollect.png' },
				{ name: '我的粉丝', type: 'myFans', icon: 'https://qdds666.oss-cn-hangzhou.aliyuncs.com/AYangPan/home/myFans.png' },
				{ name: '我的访客', type: 'myVisitor', icon: 'https://qdds666.oss-cn-hangzhou.aliyuncs.com/AYangPan/home/myVisitor.png' },
				{ name: '我的关注', icon: 'https://qdds666.oss-cn-hangzhou.aliyuncs.com/AYangPan/home/myFollow.png' },
				{ name: '提升存储空间', icon: 'https://qdds666.oss-cn-hangzhou.aliyuncs.com/AYangPan/home/mystorage.png' },
				{ name: '回收站', icon: 'https://qdds666.oss-cn-hangzhou.aliyuncs.com/AYangPan/home/wasteMaterials.png' },
				{ name: '我的会员', icon: 'https://qdds666.oss-cn-hangzhou.aliyuncs.com/AYangPan/home/myVip.png' },
				{ name: '签到管理', icon: 'https://qdds666.oss-cn-hangzhou.aliyuncs.com/AYangPan/home/signed.png' },
				{ name: '小程序', icon: 'https://qdds666.oss-cn-hangzhou.aliyuncs.com/AYangPan/home/mallRoutine%3B.png' },
				{ name: 'PDF转Word', icon: 'https://qdds666.oss-cn-hangzhou.aliyuncs.com/AYangPan/home/NewFolder.png' },
				{ name: '我的分享', icon: 'https://qdds666.oss-cn-hangzhou.aliyuncs.com/AYangPan/home/myShare.png' },
				{ name: '支持设备', icon: 'https://qdds666.oss-cn-hangzhou.aliyuncs.com/AYangPan/home/myDevice.png' }
			]
		};
	},
	methods: {
		onSel(type) {
			if (!type) return this.$pub.Toast('功能开发中~')
			this.$pub.naviTo(`/pages/other/${type}/index`);
			// if(type==='我的发布'){

			// }
		}
	}
};
</script>

<style lang="less" scoped="">
.yz {
	margin: 0 auto;
	// background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0 10px 0 #e1e1e1;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 94%;
	box-sizing: border-box;
	padding:0 0 20rpx 0;
	.header {
		width: 100%;
		display: flex;
		justify-content: space-between;
		padding: 10px;
		box-sizing: border-box;
		// background-color: #ffffff;
	}

	// 内容
	.list {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		// height: 240px;
		.list-item {
			flex-basis: 25%;
			box-sizing: border-box;
			text-align: center;
			color: #6d6d6d;
			font-size: 14px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			// background-color: white;
			border-radius: 10px;margin-top: 40rpx;
			.imgsbox {
				height: 30px;
				width: 30px;
				background-color: #f5f5f5;
				border-radius: 50%;
				display: flex;
				justify-content: center;
				align-items: center;
				margin-bottom: 12px;
				img {
					height: 30px;
					width: 30px;
				}
			}
		}
	}
}
</style>
